<style type="text/css">
.form-control{height: 45px;}
.form-group label{height: 45px;line-height: 45px;display: block;}
.RuleDes li{white-space: normal;}

/*.make_evm{
    border: 1px solid #dfdfdf;
    font-size: 19px;
    color: #262626;
    margin: 0px 4%;
    text-align: center;
    height: 51px;
    line-height: 51px;
    border-radius: 3px;
    margin-top: 40px;
    cursor: pointer;
}*/
.make_ewm_img{margin-top: 30px;margin-left: -20px;}
.make_ewm_img div{text-align: left}
.make_ewm_img img{width: 200px;height: 200px;}
.make_ewm_img p{font-size: 17px;text-align: center;width: 200px;}
.btn-success{background:#6e8cd7!important}
.col-md-2{width: 18%;}
.btn_save{min-width: 120px;font-size: 16px!important;}
</style>
<!-- <div class="page-title"> 
   <h3 class="title">当前位置：<a href="/sceneactive/index">现场集客活动</a> > 创建活动</h3> 
</div> -->

<div>
    <div class="page-title q-tit-change" style="margin: 10px;"> 
            <a href="/sceneactive/index">现场集客活动</a> > 创建活动 
        </div>
    <div class="col-sm-12">
        <div class="panel panel-default" style="padding-top: 50px">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="col-md-3" style="width: 450px;">
                        <div class="create_active_module">
                            <div class="create_activetit TitleDes">砸金蛋活动</div>
                            <div>
                               <!--  <div class="act_theme apply_time" style="height: 103.4px;">活动的规则<span class="time">2017年5月15日-2017年7月15日</span><span class="tit_line"></span></div> -->
                                <div class="act_theme">活动的规则<span class="tit_line"></span></div>
                                <ul class="ceate_room_rule rule1 RuleDes" >
                                    <li>1.报名参加后,挑选并砸金蛋,砸蛋获奖后直接领取奖品，金蛋,砸蛋获奖后直接领；</li>
                                    <li>2.报名后,挑选并砸金蛋,砸蛋获奖后直接领取奖品；</li>
                                    <li>3.中奖后砸蛋获奖后直接领取奖品。</li>
                                </ul>
                            </div>
                            <div style="text-align: center;margin-top: 5.56rem;">
                                <div class="act_theme">现场道具准备<span class="tit_line"></span></div>
                                <ul class="ceate_room_rule rule2 PropsDes" style="min-height: 7rem;">
                                    <li>1.金蛋 ; 2.塑料锤子 ; 3.抽奖台子; 4. 喇叭</li>
                                </ul>
                            </div>
                            <?php 
                                    // if($_GET['type'] == 100){
                                    //     echo '<div class="make_evm" data-isclick="0">创建房间二维码</div>';
                                    // }
                            ?>
                        </div>
                    </div>
                    <div class="col-md-5" >
                         <div class="promote-scendcont">
                            <div style="display: <?php echo $_GET['type'] == 100 ? 'none' : 'block'?>">
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">*活动名称：</label>
                                    <div class="col-md-9" >
                                        <input type="text" class="form-control Title" placeholder="" >
                                    </div>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">*活动规则：</label>
                                    <div class="col-md-9">
                                       <textarea class="form-control Rule" rows="10" ></textarea>
                                    </div>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">*道具准备：</label>
                                    <div class="col-md-9">
                                       <textarea class="form-control Props" rows="10"></textarea>
                                    </div>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" ></label>
                                    <div class="col-md-9">注：报名参加活动的参加者，都必须填写手机号码，方便排队！活动结束后，将手机号码录入集客多多app中，进行绩效！
                                    </div>
                                </div>
                                <div class="m-b-15 m-r-15 create_acvive_btn ">
                                    <label class="col-md-2 control-label padleft17" ></label>
                                    <div class="col-md-9">
                                        <button type="button" class="btn btn-info m-b-5 btn_save" style="margin-right: 20px;" >保存</button>
                                    </div>
                                </div>
                            </div>
                            <div style="display: <?php echo $_GET['type'] == 100 ? 'block' : 'none'?>">
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">*规定人数</label>
                                    <div class="col-md-9" >
                                        <input type="text" class="form-control Count" placeholder="请输入限制的人数">
                                    </div>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">*房间二维码</label>
                                     <?php 
                                        if($_GET['type'] == 100){
                                            echo '<div class="col-md-9" >
                                                    <button class="btn btn-success make_evm" data-isclick="0"  style="height: 40px;width: 100px;font-size: 16px;">创建</button>
                                                </div>';
                                        }
                                     ?>
                                    
                                </div>
                                <div class="form-group overflow" style="margin-top: 40px;">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;"></label>
                                    <div class="make_ewm_img col-md-9" style="display: none;">
                                        <div><img src="/modules/img/slefneed/evm.png"></div>
                                        <p>活动房间二维码</p>
                                    </div>
                                </div>
                            </div>
                          <!--   <div class="form-group overflow">
                                <label class="col-md-2 control-label padleft17" style="font-weight: 500;">*规定人数</label>
                                <div class="col-md-9" >
                                    <input type="text" class="form-control" placeholder="">
                                </div>
                            </div> -->
                          <!--   <div class="form-group overflow">
                                <label class="col-md-2 control-label padleft17" style="font-weight: 500;">*活动日期：</label>
                                <div class="col-md-4" >
                                    <div class="input-group">
                                        <input type="date" class="form-control" placeholder="mm/dd/yyyy" id="datepicker" style="height: 46px;">
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                    </div>
                                </div>
                                <div class="col-md-1" style="text-align: center;height: 46px;line-height: 46px;">至</div>
                                <div class="col-md-4" >
                                    <div class="input-group">
                                        <input type="date" class="form-control" placeholder="mm/dd/yyyy" id="datepicker-multiple" style="height: 46px;">
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                    </div>
                                </div>
                            </div> -->
                            
                           <!--  <div class="form-group overflow">
                                <label class="col-md-2 control-label padleft17" style="font-weight: 500;">*奖品：</label>
                                <div class="col-md-9">
                                   <textarea class="form-control" rows="10"></textarea>
                                </div>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="/modules/assets/tagsinput/jquery.tagsinput.min.js"></script>
<!-- <script src="/modules/assets/timepicker/bootstrap-datepicker.js"></script> -->
<script type="text/javascript">
    // jQuery('#datepicker').datepicker();
    // jQuery('#datepicker-multiple').datepicker({
    //     numberOfMonths: 3,
    //     showButtonPanel: true,
    // });
    seajs.use('sceneactive/create');
</script>